{% extends 'base.html' %}
{% load i18n %} 
{% block menutab %}
<div class="menutab"><a href="/">{% trans 'All topic' %}</a></div>
<div class="menutab currenttab"><a href="/mainpage/">{% trans 'My home page' %}</a></div>
<div class="menutab"><a href="/favorite/">{% trans 'Favorite place' %}</a></div>
{% endblock %}
{% block main %}
<div id="TopicTextarea">
	<textarea id="TopicForm" name="topic"></textarea>
	<div id="TopicFormControl">
		<button type="button" id="TopicButton" class="button orange">{% trans 'Submit'%}</button>
		<div class="clearfix"></div>
	</div>
</div>
<div id="TopicWrap">
{% include 'topics.html'%}
</div>

{% if paginator.count > paginator.per_page %}
<div class="pagination">
	<span class="step-links">
		{% if topics.has_previous %}
			<span class="prev round-corner-button"><a href="?page={{ topics.previous_page_number }}">PREV</a></span>
		{% endif %}

		<span class="current round-button">
			PAGE {{ topics.number }}/{{ topics.paginator.num_pages }}
		</span>

		{% if topics.has_next %}
			<span class="next round-corner-button"><a href="?page={{ topics.next_page_number }}">NEXT</a></span>
		{% endif %}
	</span>
</div>
{% endif %}
{% endblock %}